<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>用户留言 - ${site.name} - Powered by JEECMS</title>
<meta http-equiv="keywords" content="用户留言"/>
<meta http-equiv="description" content="用户留言"/>
<script src="${resSys}/jquery.js" type="text/javascript"></script>
<script src="${resSys}/front.js" type="text/javascript"></script>
<script src="/${res}/js/common.js" type="text/javascript"></script>
<link rel="stylesheet" type="text/css" href="/${res}/css/layout.css">
<style type="text/css">
/*留言板页样式*/
.gb_logo{margin:10px 0 10px; padding-bottom:10px; border-bottom:#ccc 1px solid;}
dl.gb{border-bottom:1px dashed #ccc; line-height:1.8em; padding:10px 0 10px;}
dl.gb dt{line-height:30px;font-size:14px;}
dl.gb dt span {color:#ff3300; margin-right:10px;}
dl.gb dd{text-indent:20px;}
dl.gb dd.relpy{margin-top:10px;color:#006600;}
</style>
</head>

<body>
<!--top_begin-->
[#include "../include/页头顶栏.html"/]
<!--top_end-->
<!--header_begin-->
[#include "../include/页头导航栏.html"/]
<!--header_end-->
<!--search_begin-->
[#include "../include/页头搜索栏.html"/]
<!--search_end-->
<!--body_begin-->
<div id="main">
  <div class="page"><img src="/${res}/img/banner1.jpg" /></div>
  <div class="page2 position"> 您现在正在浏览： <a href="${base}/">首页</a> &raquo; 用户留言</div>
  <!--cjbd_begin-->
  <div class="page2 box">
    <div class="w700 fl">
      <div class="rb_top"></div>
      <div class="rb_mid box">
        <div class="w96">
            <div class="gb_logo">
				<img src="/${res}/img/guestbook/lyb.jpg"/>
			</div>
		 [@cms_guestbook_page siteId=site.id count='20']
		 [#list tag_pagination.list as m]
			<dl class="gb">
				<dt><span>[${m.ctg.name!}]</span>${(m.member.username)!'匿名网友'} 于${m.createTime} 问：<br/>
				<strong>${m.titleHtml!}</strong></dt>
				<dd>${m.contentHtml!}</dd>
				[#if m.reply??]
				<dd class="relpy"><img src="/${res}/img/guestbook/replay.gif" align="absmiddle"/> 管理员回复：${m.replyHtml!}</dd>
				[/#if]
		   </dl>
		 [/#list]		   
		 <div class="pagination">[@cms_pagination sysPage='1'/]</div>
		 [/@cms_guestbook_page]			
        </div>
		
		<!--网友评论_Begin-->        
		<div class="comment">
		  <h2><span>我要留言</span></h2>
		  <div class="w98">
		 <form id="guestbookForm" action="${base}/guestbook.jspx" method="post">
		  <table width="100%" border="0" cellpadding="5" cellspacing="1" bgcolor="#EAEAEA">
			<tr>
			  <td width="13%" height="30" align="right" bgcolor="#fafafa"><strong>类  别：</strong></td>
			  <td width="31%" bgcolor="#FFFFFF">
			  <select name="ctgId">
				[@cms_guestbook_ctg_list siteId=site.id]
				[#list tag_list as ctg]
					<option value="${ctg.id}">${ctg.name}</option>
				[/#list]
				[/@cms_guestbook_ctg_list]
			  </select>	          </td>
			  <td width="13%" align="right" bgcolor="#FAFAFA"><strong>电子邮箱：</strong></td>
			  <td width="43%" bgcolor="#FFFFFF"><input type="text" name="email" class="email" maxlength="100"/></td>
			</tr>
			<tr>
			  <td width="13%" height="30" align="right" bgcolor="#fafafa"><strong>电  话：</strong></td>
			  <td width="31%" bgcolor="#FFFFFF"><input type="text" name="phone" maxlength="50"/></td>
			  <td width="13%" align="right" bgcolor="#FAFAFA"><strong>QQ：</strong></td>
			  <td width="43%" bgcolor="#FFFFFF"><input type="text" name="qq"/></td>
			</tr>
			<tr>
			  <td width="13%" height="30" align="right" bgcolor="#fafafa"><strong>标题：</strong></td>
			  <td colspan="3" bgcolor="#FFFFFF"><input name="title" type="text" size="70" class="required" maxlength="255"/></td>
			  </tr>
			<tr>
			  <td width="13%" height="80" align="right" bgcolor="#fafafa"><strong>评论内容：</strong></td>
			  <td colspan="3" bgcolor="#FFFFFF">
			  <textarea name="content" class="cinput required" maxlength="65535" cols="60" rows="5"></textarea></td>
			  </tr>
			<tr>
			  <td width="13%" height="80" align="right" bgcolor="#fafafa"><strong>验证码：</strong></td>
			  <td colspan="3" bgcolor="#FFFFFF">
			 <input type="text" name="captcha" class="required" maxlength="20"/> 
			 <img id="guestbookCaptcha" src="${base}/captcha.svl" onclick="this.src='${base}/captcha.svl?d='+new Date()"/>
			   </td>
			  </tr>
			<tr>
			  <td height="30" colspan="4" align="center" bgcolor="#FFFFFF">
			    <input type="image" src="/${res}/img/guestbook/btn.gif" name="submit" />
			  </td>
			</tr>
		  </table>
		</form>
	
		<script type="text/javascript">
		$(function() {
			$("#guestbookForm").validate( {
				submitHandler : function(form) {
					$(form).ajaxSubmit( {
						"success" : function(data) {
							if(data.status==0) {
								alert("留言提交成功");
								location.href=location.href;
							} else if(data.status==1) {
								alert("验证码错误");
								$("#guestbookCaptcha").click();
							} else {
								alert("留言提交失败");
							}
						},
						"dataType" : "json"
					});
				}
			});
		});
		</script>
		  </div>		  
		</div>
		<!--网友评论_End-->
      </div>
      <div class="rb_low"></div>
    </div>
    <div class="w250 fr">
      <!--相关文章_Begin-->
      <div class="rb_right_top">
        <h2>最新图文</h2>
      </div>
      <div class="rb_right_div">
         <!--最新图文_Begin-->
        <div class="w98">
		[@cms_content_list count='4' titLen='10' typeId='2' channelOption='1']
        <ul class="list right_pic">
          [#list tag_list as d]
          <li><a href="${d.url}" target="_blank"><img src="${d.typeImg!site.defImg}" alt="${d.title}" /></a><a href="${d.url}" title="${d.title}" target="_blank">[@text_cut s=d.stit len=titLen append=append/]</a></li>
          [/#list]
        </ul>
        [/@cms_content_list]
		</div>      
        <!--最新图文_End-->
		
        <!--本周热门资讯排行_Begin-->
        <h2><span>本周热门资讯排行</span></h2>
        <div class="w98">
			<ul class="order">
			  [@cms_content_list count='10' titLen='15' orderBy='7' channelOption='1']
			  [#list tag_list as a]
			  <li><a href="${a.url}" title="${a.title}" target="_blank">[@text_cut s=a.title len=titLen append=append/]</a></li>
			  [/#list]
			  [/@cms_content_list]
			</ul>
        </div>
        <!--本周热门资讯排行_End-->
        <h2><span>精彩专题</span></h2>
        <div class="w98">
		   [@cms_topic_list count='4' descLen='30' append='...']
		   [#list tag_list as t]
			<dl class="list[#if t_has_next] line[#else] mt5[/#if] box">
				<dt><a href="${base}/topic/${t.id}.jspx" target="_blank">${t.name}</a></dt>
				<dd class="pic"><a href="${base}/topic/${t.id}.jspx"><img src="${t.titleImg!site.defImg}"/></a></dd>
				<dd class="text">[@text_cut s=t.description len=descLen append=append/]</dd>
			</dl>
			[/#list]
		   [/@cms_topic_list]
        </div>
      </div>
      <div class="rb_right_low"></div>
      <!--相关文章_End-->
    </div>
  </div>
</div>
<!--body_end-->

<!--hotlink_begin-->
[#include "../include/页脚友情链接栏.html"/]
<!--hotlink_end-->
<!--footer_begin-->
[#include "../include/页脚信息栏.html"/]
<!--footer_end-->
</body>
</html>
